<template>
  <div>
    <!-- <el-calendar v-model="value">
      <template slot="dateCell" slot-scope="{ date }">
        <div style="display:flex; justify-content:space-between;width:90px">
          <span :style="{color:getDay(date).fontColor?'#d63131':'#000',fontSize:'20px'}">
            {{ getDay(date).day }}
          </span>
          <span v-if="getDay(date).fontColor" class="iconfont icon-xiuxiao" />
        </div>
      </template>
    </el-calendar> -->
  </div>
</template>

<script>
// export default {
//   name: 'Calendar',

//   data() {
//     return {
//       value: new Date(),
//       fontColor: false,
//       showIcon: false
//     }
//   },

//   mounted() {},

//   methods: {
//     getDay(T) {
//       // console.log(T)
//       const time = new Date(T)
//       // console.log(day)
//       const day = time.getDate()
//       const week = time.getDay()// 6 和 0 为周末
//       if (week === 0 || week === 6) {
//         return { day, fontColor: true }
//       } else {
//         return { day, fontColor: false }
//       }
//     }
//   }
// }
// import '../../icons/font/iconfont'
</script>

<style lang="scss" scoped>
// .is-selected {
//   color: #1989fa;
// }
// #xiu {
//   background: url(../../icons/svg/xiuxi.svg) 12px 7px no-repeat;
//   background-size: 20px 20px;
// }
// @font-face {
//   font-family: "iconfont"; /* Project id  */
//   src: url('../../icons/font/iconfont.ttf?t=1645264911495') format('truetype');
// }
// .iconfont {
//   font-family: "iconfont" !important;
//   font-size: 16px;
//   font-style: normal;
//   -webkit-font-smoothing: antialiased;
//   -moz-osx-font-smoothing: grayscale;
// }

// .icon-xiuxiao:before {
//   content: "\e8c2";
//   color: rgb(233, 16, 16);
//   font-size: 20px;
// }
// ::v-deep .el-calendar__header{
//   display: none;
// }
</style>
